<h3>拓扑轮播</h3>
<div class="panel-body no-tb-padder" style="height: 400px;position: relative;">
    <div id="myCarousel" class="carousel slide" style="background-color: #101934;height: 100%;">
        <!-- 轮播（Carousel）指标 -->
        <ol class="carousel-indicators" id="carousel_ol">
        </ol>   
        <!-- 轮播（Carousel）项目 -->
        <div class="carousel-inner" id="carousel_inner" style="height: 100%;">
            
        </div>
        <!-- 轮播（Carousel）导航 -->
        <!-- <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a> -->
    </div>
</div>

<script type="text/javascript">
	$(document).ready(function (){
		require([index_web_app_name + 'js/plugin/topo/showTopoByGroup.js'],function (showTopoByGroup){

			um_ajax_get({
				url : 'sysoption/querySysValueforCode',
				paramObj : { sysCode : 'default_topo_group'},
				successCallBack : function (data){
					var idstr = data.sysValue3;
					var idList = idstr.split(',');
					showTopoByGroup.render($('#carousel_inner'),idList,$('#carousel_ol'));
					$('#myCarousel').carousel(/*{interval : 1000}*/);
				}
			})

		})
	})
</script>